<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>订单管理-鹿程智慧油站商户平台</title>
		<meta name="description" content="鹿程科技是提供加油站互联网化零管系统、营销及支付和大数据分析运营服务的行业领先科技公司。鹿程科技充分了解加油站行业的需求和新兴互联网的发展,依靠业内最先进的科技和标准化的运营,持续帮助油站业务发展创造价值。"/>
		<meta name="keywords" content="智慧油站,鹿程,鹿程智慧油站,鹿程智慧油站微信支付,加油站微信支付,加油站营销管理"/>
		<link rel="icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link rel="shortcut icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../layui/css/layui.css" />
		<link rel="stylesheet" href="../css/style.css" />
	</head>
<body>
	<section class="section-right">
		<!--deer-tit-->
		<div class="deer-tit">
			<h3>退款管理</h3>
			<h4>申请退款</h4>
			<h5><a href="退款记录.html">退款记录</a></h5>
		</div>
		<!--/deer-tit-->
		<!--deer-content-->
		<div class="deer-content">
			<div class="refund-form clearfix">
				<dl>
					<dt>订单号：</dt>
					<dd><input type="text" class="layui-input order" name="order" autocomplete="off" placeholder="请输入订单号（有订单号时，优先搜索订单号）"></dd>
				</dl>
				<dl>
					<dt>手机号：</dt>
					<dd><input type="text" class="layui-input phone" name="phone" autocomplete="off" placeholder="请输入手机号"></dd>
				</dl>
				<span class="refund-form-submit">查询</span>
			</div>
			<section class="refund-table">
			<table class="layui-table" lay-skin="line">
				<thead>
					<tr>
						<th>订单号</th>
						<th>商品名称</th>
						<th>用户名</th>
						<th>手机号</th>
						<th>消费金额</th>
						<th>消费时间</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>198154561465621</td>
						<td>玻璃水</td>
						<td>黄金清纯小王子</td>
						<td>18953989303</td>
						<td>￥158</td>
						<td>2018-6-8 16:18</td>
						<td>
							<button class="deer-btn">退款</button>
						</td>
					</tr>
					<tr>
						<td>198154561465621</td>
						<td>玻璃水</td>
						<td>黄金清纯小王子</td>
						<td>18953989303</td>
						<td>￥158</td>
						<td>2018-6-8 16:18</td>
						<td>
							<button class="deer-btn">退款</button>
						</td>
					</tr>
					<tr>
						<td>198154561465621</td>
						<td>玻璃水</td>
						<td>黄金清纯小王子</td>
						<td>18953989303</td>
						<td>￥158</td>
						<td>2018-6-8 16:18</td>
						<td>
							<button class="deer-btn">退款</button>
						</td>
					</tr>
					<tr>
						<td>198154561465621</td>
						<td>玻璃水</td>
						<td>黄金清纯小王子</td>
						<td>18953989303</td>
						<td>￥158</td>
						<td>2018-6-8 16:18</td>
						<td>
							<button class="deer-btn">退款</button>
						</td>
					</tr>
					<tr>
						<td>198154561465621</td>
						<td>玻璃水</td>
						<td>黄金清纯小王子</td>
						<td>18953989303</td>
						<td>￥158</td>
						<td>2018-6-8 16:18</td>
						<td>
							<button class="deer-btn">退款</button>
						</td>
					</tr>
				</tbody>
			</table>
			<div class="order-table-footer clearfix">
				<div class="order-table-num">
					<code>共 5 条数据</code>
				</div>
				<div class="order-table-page">
					<div id="datatime">
			
					</div>
				</div>
			</div>
			</section>
		</div>
		<!--deer-content-->
	</section>
	
	<!--js-->
	<aside>
		<script type="text/javascript" src="../layui/layui.js" ></script>
		<script type="text/javascript">
			layui.use(['layer','jquery','laypage'], function(){
			  	var layer=layui.layer;
			  	var $=layui.jquery;
				var laypage = layui.laypage;
			  	
				$('.refund-form-submit').bind('click',function () {
					let order=$('.order').val()
					let phone=$('.phone').val()

					if(order==''){
					 return	layer.msg('您尚未输入任何订单号和手机号',{icon:5})
					}
					//ajax
					

				})
			    
					laypage.render({
						elem: 'datatime'
						, count: 100//data.length
						, theme: '#00cc9a'
						, prev: '«'
						, next: '»'
					})


					$('.deer-btn').bind('click', function () {
					layer.open({
						title: "退款确认",
						shadeClose: true,
						type: 2,
						area: ['500px', '260px'],
						content: "退款详情-详情.html"
					})
				})
			    
			});
			</script>
		</script>
	</aside>
	<!--js-->
	
	
	
</body>
</html>